import React from 'react'
import { Card, Form, Select, Input, Space, Button, Table } from 'antd'
import { SearchOutlined } from '@ant-design/icons'
import { ColumnsType } from 'antd/lib/table';
const { Option } = Select;

export default function HospitalList() {
    const onFinish = () => {
        console.log('tijiaole')
    }
    const columns:ColumnsType<any> = [
        {
            title:'序号'
        },
        {
            title:'医院logo'
        },
        {
            title:'医院名称'
        },
        {
            title:'等级'
        },
        {
            title:'详细地址'
        },
        {
            title:'状态'
        },
        {
            title:'创建时间'
        },
        {
            title:'操作'
        },
    ]
    return (
        <Card>
            <Form layout='inline' onFinish={onFinish}>
                <Form.Item>
                    <Select className='mb' style={{ width: 150 }} placeholder='请选择省'>
                        <Option>北京</Option>
                        <Option>上海</Option>
                        <Option>深圳</Option>
                    </Select>
                </Form.Item>
                <Form.Item>
                    <Select style={{ width: 150 }} placeholder='请选择市'>
                        <Option>xxx</Option>
                        <Option>yyy</Option>
                    </Select>
                </Form.Item>
                <Form.Item>
                    <Select style={{ width: 150 }} placeholder='请选择区'>
                        <Option>aaa</Option>
                        <Option>bbb</Option>
                        <Option>ccc</Option>
                    </Select>
                </Form.Item>
                <Form.Item>
                    <Input placeholder='医院名称' />
                </Form.Item>
                <Form.Item>
                    <Input placeholder='医院编号' />
                </Form.Item>
                <Form.Item>
                    <Select style={{ width: 150 }} placeholder='医院类型'>
                        <Option>aaa</Option>
                        <Option>bbb</Option>
                        <Option>ccc</Option>
                    </Select>
                </Form.Item>
                <Form.Item>
                    <Select style={{ width: 150 }} placeholder='医院状态'>
                        <Option>aaa</Option>
                        <Option>bbb</Option>
                        <Option>ccc</Option>
                    </Select>
                </Form.Item>
                <Form.Item>
                    <Space>
                        <Button type='primary' icon={<SearchOutlined />} htmlType='submit'>查询</Button>
                        <Button disabled={true}>清空</Button>
                    </Space>
                </Form.Item>
            </Form>

            <Table 
                className='mt'
                rowKey={'id'}
                columns={columns}
            />

        </Card>
    )
}
